<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>
      Login
    </title>
    <link rel="stylesheet" type="text/css" href="resources/css/login.css" />
    <link rel="stylesheet" type="text/css" href="resources/css/default.css" />
	<link rel="stylesheet" type="text/css" href="resources/css/jquery-ui-1.8.4.custom.css" />
  </head>
  
  <body class="login">
    <div align="center" id="login">
      <div class="clear">
      </div>
      <div class="login-top ui-widget-header ui-corner-top">
        <img src="resources/images/techpleiad_logo.png">
        <span>
          iEducation
        </span>
      </div>
      <div style="position:relative" class="login-middle">
        <div class="login-middle-left">
          <form id="loginform" class="loginbox" method="post" action="LoginServlet">
            <div style="float:left" class="message-area">
            	<% String message = (String) request.getAttribute("errorMessage");
            	  out.println(message != null ? message : ""); %>
            </div><br/>
            <p>
              <label for="username">
                Username
              </label>
              <br>
              <input type="text" tabindex="10" style="width:100%" class="textbox text ui-widget-content ui-corner-all" id="username" name="username">
              <br>
            </p>
            <p>
              <label for="password">
                Password
              </label>
              <br>
              <input type="password" tabindex="20" style="width:100%" class="textbox text ui-widget-content ui-corner-all" id="password" name="password">
              <br>
            </p>
            <p class="submit">
              <label for="submit">
                &nbsp;
              </label>
              <input type="submit" tabindex="100" class="submit ui-button ui-corner-all ui-state-default" name="login" id="loginbutton" value="Login">
            </p>
            <div class="clear">
            </div>
          </form>
          <p>
          </p>
        </div>
      </div>
      <div class="login-bottom">
      </div>
	  <div class="help" style="text-align:center;margin-top:8px;color: #aaa">
		&copy; Copyright 2013 TechPleiad
      </div>
    </div>
  </body>
</html>